.topss{ padding:5px 3%; width: 94%; display: flex; justify-content: center; align-items: center;  background-color: #FFFFFF;}
.topss .topssbox{  height:0.8rem; line-height:0.8rem;  border-radius:0.6rem; margin:0 auto; background:#f2f2f2; display: flex; align-items: center; flex: 1;}
.topss .topssbox img{ height:.4rem;padding-left: 0.2rem;}
.topss .topssbox .ss-input{flex: 1; height:0.4rem; line-height: 0.4rem; background:none; border: 0; color: #333333; padding-left: 0.1rem; font-size: 0.28rem;}
.content{padding-bottom: 1.2rem;}
.typeNav{background-color: #FFFFFF;}
.typeNav .typeNav_tabbar{overflow-x: scroll; white-space: nowrap; width: 100%; }
.typeNav .typeNav_tabbar li{text-align: center; padding: 0.2rem 0; font-size: 0.3rem; color: #9E9E9E; margin: 0 0.3rem;}
.typeNav .typeNav_tabbar li .line{width: 0.55rem; height: 3px; background-color: #FFFFFF; margin: 3px auto 0; display: block;}
.typeNav .typeNav_tabbar li.on .line{background-color: #25C672;}
.typeNav .typeNav_tabbar li.on{color: #25C672; font-weight: 700;}
/* .typeNav2  .typeNav_tabbar{padding-left: 0.9rem;margin-left: 0.3rem;} */
.hide{display: none}


/*banner*/
.banner{width: 94%; margin: 0 auto;}
.d1{width:100%;height:auto;overflow:hidden;position:relative;}
.loading{width:100%;text-align:center;}
.d2 img{width:100%;}
.num_list{position:absolute;width:94%;left:0px;bottom:-1px;color:#FFFFFF;overflow:hidden;}
.num_list span{display:inline-block;}
#fade_focus ul{display:none;}
.button{position:absolute;z-index:1000;left: 50%; bottom:0.3;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.b1,.b2{background:rgba(0,0,0,0.24);display:block;float:left;width:0.15rem; height:3px;margin-right:0.1rem;color:#FFFFFF;text-decoration:none; cursor:pointer;}
.b2{background-colorrgba(0,0,0,0.4); width:0.3rem;}
.button a{color:transparent}
.hotbox{width: 94%; margin: 0.3rem auto 0;}
.hotbox ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.hotbox ul li{margin: 0 0.1rem 0.3rem; width: 47%;}
.hotbox ul li .hotbox-top{position: relative; border-radius: 0.16rem; box-shadow: 0px 0px 0.26rem 0px rgba(3, 0, 0, 0.1);}
.hotbox-top .product-img{width: 3.3rem;}
.hotbox-label{position: absolute; bottom: 0.2rem; display: flex; align-items: center; justify-content: space-between; width: 90%; left: 5%;}
.spsc{display: flex; flex-direction: row;}
.spsc .spsc-num{font-size: 0.28rem; color: #6B6B6B; margin-left: 0.1rem;}
.spsc .spsc-icon{width: 0.2rem; height: 0.24rem;}
.sp-label .sp-label-btn{width: 1rem; font-size: 0.28rem;
height: 0.5rem;
background: rgba(255, 255, 255, 0.8);
border: 1px solid #25C672;
border-radius: 8px; color: #25C672;}
.sp-label .zhuanlan{background-color: #25C672; color: #FFFFFF;}
.product-title{font-size: 0.28; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.1rem;}
.product-leibie{display: flex; justify-content: space-between; align-items: center; color: #666; font-size: 0.24rem; margin-top: 0.1rem;}


/* 搜索页 */
.search-cacel{background: none; color: #888; font-size: 0.28rem; border: 0; margin-left: 0.15rem;}
.search-top{height: 0.7rem;  padding: 0 0.3rem; font-size: 0.28rem; color: #888888;}
.search-cell{border-top: 1px solid #E5E5E5; border-bottom: 1px solid #e5e5e5;}
.search-cell .search-cell-list{margin-left: 0.3rem; height: 0.9rem; line-height: 0.9rem; border-bottom: 1px solid #E5E5E5; color: #444444; font-size: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-cell .search-cell-list:last-child{border-bottom: 0;}
.hotvideo{margin: 0 0.3rem; display: flex; align-items: center; justify-content: space-between;  flex-wrap: wrap;}
.hotvideo .hotvideo-list{width: 47%; color: #444444; font-size: 0.3rem; margin-bottom: .15rem; border-right: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hotvideo .hotvideo-list:nth-child(even){border-right: 0;}

/* 分类 */
.bodybg{background-color: #F3F3F3;}
.keshi-two{margin: 0 0.3rem; display: flex; align-items: center; flex-wrap: wrap;min-height:40px;}
.keshi-two li{ height: 0.5rem; line-height: 0.5rem; background: #FFFFFF; border: 1px solid #D2D2D2; border-radius: 23px; padding: 0 0.15rem; color: #999; font-size: 0.24rem; margin-bottom: 0.15rem; margin-right: 0.15rem;}
.keshi-two li.on{background-color: #33CC66; color: #FFFFFF; border: 1px solid #33CC66;}
.keshi-fenlei{position: relative;}
.keshi-more{position: absolute; right: 0.3rem; bottom: 0.3rem; display: flex; align-items: center; font-size: 0.26rem; color: #33CC66;}
.right-icon{width: 0.2rem; margin-left: 0.1rem;}
.category-wrapper{background-color: #FFFFFF; margin-top: 0.15rem; }
.category-title{padding: 0.2rem 0 0.3rem; display: flex; align-items: center; justify-content: space-between;}
.category-titleL{color: #33CC66; font-size: 0.3rem; display: flex; align-items: center; height: 0.3rem; }
.category-titleL .lineL{width: 3px; margin-right: 0.1rem; border-radius: 3px; height: 0.3rem; background-color: #33CC66; display: inline-block;}
.category-titleR{ display: flex; align-items: center;  font-size: 0.26rem; color: #33CC66;}
.hotbox ul.keshi-kecheng li{ width: 30%;}
.hotbox ul.keshi-kecheng li .sp-label .sp-label-btn{width: 0.7rem; font-size: 0.24rem; height: 0.4rem;}
.category-cells{margin-top: 0;}
.keshi-kecheng{margin-top: 0.2rem;}
.hotbox ul.kecheng-cells{flex-direction: column;}
.hotbox ul.kecheng-cells li{width: 100%; margin: 0; padding: 0.3rem 0; border-bottom: 1px solid #EEEEEE;}
.hotbox ul.kecheng-cells li .hotbox-top .product-img{width: 2.5rem;}
.keshi-xq{margin-left: 0.3rem;}
.keshi-xq .product-title{color: #333333; font-size: 0.3rem; margin-bottom: 0.3rem; white-space: normal;}
.category-wrapper2{margin-top: 0; padding: 1rem 0 0.5rem;}
.topFixed{position: fixed; top: 0; z-index: 99; box-shadow: 0px 0px 10px #C5C5C5;}


/* 选择分类 */
.category-content{width: 100%; height: 100vh; position: relative; }
.category-keshi{width: 30%;}
.category-keshi ul li{padding: 0.3rem; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.28rem; color: #808080;}
.category-keshi ul li.on{color: #33CC66; background-color: #FFFFFF;}
.category-keshi ul li.on:before{    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 15px; width: 4px; background-color: #33CC66;}
.keshi-cells{width: 70%; background-color: #FFFFFF; height: 100vh; overflow-y: scroll; padding: 0.2rem 0.3rem; box-sizing: border-box;}
.keshi-cells .keshi-cell-list{height: 0.5rem; line-height: 0.5rem; padding: 0 0.2rem; border: 1px solid #DBDBDB; border-radius: 23px; display: inline-block; font-size: 0.24rem; margin-right: 0.1rem; margin-bottom: 0.15rem;}
.keshi-cells .keshi-cell-list.on{background-color: #33CC66; color: #FFFFFF; border: 1px solid #33CC66;}

/* 专题目录 */
.zhuanti-video{ width: 100%; background:url(../img/index/zhuanti_02.png) no-repeat; height: 3.7rem; background-size: 100% 100%; display: flex; align-items: center; justify-content: center;}
.zhuanti-cover{ width: 100%; background-size: 100% 100%; display: flex; align-items: center; justify-content: center;}
.zhuanti-cover img{width: 100%;max-height:none;}
.bofang-icon{width: 1rem;}
.zhuanti-wrapper{padding: 0.3rem 0 0.6rem;}
.zhuanti-nav{display: flex; align-items: center; background-color: #FFFFFF; justify-content: center;}
.zhuanti-nav .zhuanti-nav-cell{margin: 0 0.3rem; font-size: 0.32rem; color: #666666; height: 0.7rem; line-height: 0.7rem;}
.zhuanti-nav .on{color: #33CC66; border-bottom: 2px solid #33CC66;}
.tixing{background: #FBF1E3; display: flex; align-items: center; justify-content: space-between; padding:0.1rem 0.2rem; color: #F1A740; font-size: 0.26rem; border-radius: 3px; margin:0.2rem 0.3rem;}
.tixing .tixing-icon{width: 0.26rem; margin-right: 0.15rem;}
.tixing .tixing-btn{height: 0.4rem; line-height: 0.4rem; padding: 0 0.15rem; border-radius: 23px; background-color: #F3A953; color: #fefefe; font-size: 0.24rem; display: inline-block;}
.zhuantimulu-xq{}
.zhuantimulu-xq-title{font-size: 0.3rem; color: #333333; margin: 0 0.3rem;}
.zhuantimulu-xq-renshu{font-size: 0.26rem; color: #333333; margin: 0.15rem 0.3rem;}
.zhuantimulu-xq-money{color: #FF5400; font-size: 0.36rem; margin: 0 0.3rem;}
.zk-label{width: 0.96rem;
height: 0.3rem;
background: #FFFFFF;
border: 1px solid #FF5400;
border-radius: 15px 15px 15px 0px; text-align: center; line-height: 0.3rem; color: #FF5400; font-size: 0.22rem; display: inline-block;}
.total-title{background-color: #F3F3F3; height: 0.6rem; line-height: 0.6rem; color: #333333; font-size: 0.28rem; padding-left: 0.3rem; margin-top: 0.25rem;} 
.zhuanti-foot{width: 100%; background-color: #FFFFFF; padding: 0.2rem 0; position: fixed; bottom: 0; z-index: 999; box-shadow: 0 0 10px #ebebeb;}
.zhuanti-foot-btn{width: 94%; margin: 0 auto; height: 0.8rem; line-height: 0.8rem; background-color: #33CC66; border-radius: 5px; color: #fff; font-size: 0.32rem; text-align: center; border: 0; display: block;}
.mulu-total{margin-top: 0.3rem; margin-left: 0.3rem; margin-bottom: 0.2rem; font-size: 0.28rem; color: #333333;}
.mulu-shipin{margin-left: 0.3rem; border-top: 1px solid #F3F3F3; height: 8rem; overflow-y: scroll;}
.mulu-shipin li{border-bottom: 1px solid #F3F3F3; margin-right: 0.3rem; padding-top: 0.15rem;}
.shipin-title{color: #333333; font-size: 0.28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shipin-time{padding: 0.15rem 0;}
.time-box{font-size: 0.24rem; color: #8A8A8A;}
.time-box .shipin-icon{width: 0.33rem; height: 0.24rem; margin-right: 0.1rem;}
.bofang-statu{font-size: 0.24rem; color: #8A8A8A;}
.zhuantimulu_cont{padding-bottom: 0.6rem;}


/* 学习 */
.xuexi-nav{margin: 0.15rem 0.3rem;}
.xuexi-nav ul li{width: 20%; margin: 0 0.15rem;}
.xuexi-nav ul li .xueshi-nav-logo{width: 1.4rem;}
.xuexi-nav ul li .xuexi-nav-title{color: #666666; font-size: 0.26rem; margin-bottom: 3px;}
.xuexi-nav ul li .xuexi-nav-jishi{color: #9E9E9E; font-size: 0.2rem;}
.xuexi-nav-two{margin: 0 0.3rem; display: flex; align-items: center;}
.xuexi-nav-two .zhuanti-nav-cell{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; text-align: center; color: #666666; font-size: 0.34rem;}
.xuexi-nav-two .zhuanti-nav-cell .line-bottom{height: 4px; background-color: #33CC66; border-radius: 4px; width: 0.56rem; margin-top: 3px; display: none;}
.xuexi-nav-two .on{font-size: 0.36rem; color: #33CC66;}
.xuexi-nav-two .on .line-bottom{display: block;}
.shipin-pic{width: 1.78rem; height: 1.6rem; border-radius: 0.2rem;}
.shipin-pic img{width: 1.78rem; height: 1.6rem; }
.shipin-cont{margin-left: 0.15rem;}
.jihua-title{margin-top: 0.15rem; color: #333333; font-size: 0.3rem;}
.xuexi-shipin{border-top: 0; margin-top: 0.2rem;}
.xuexi-shipin li{padding-bottom: 0.15rem;}
.xuexi-shipin li .lijixueli{height: 0.48rem; line-height: 0.48rem; color: #FFFFFF; font-size: 0.24rem; padding: 0 0.15rem; background: #25C672;border-radius: 24px;}
.xuexi-jindu{background: #E7E7E7; border-radius: 7px; height: 10px; width: 55%;}
.jindu-label{background-color: #33CC66;border-radius: 7px; height: 10px; width: 20%; display: inherit;}
.jindu-num{color: #999999; font-size: 0.16rem; font-style: normal; margin-left: 3px;}
.word-title{font-size: 16px;font-weight: bold;}
.word-pro{margin-left: 0.3rem;color:#999;}
.slipbtns-disable a{background: #CCC !important;}

/* 登录 */
.denglu-wrapper{text-align: center; padding-top: 2rem;}
.denglu-wrapper .denglu-yhtx{width: 1.8rem; height: 1.8rem; border-radius: 20px;}
.denglu-wrapper .denglu-text{color: #949494; font-size: 0.3rem; margin: 0.2rem 0;}
.denglu-wrapper .denglu-btn{height: 0.88rem; line-height: 0.88rem; width: 50%; background-color: #33CC66; border-radius: 6px; border: 0; color: #FFFFFF; font-size: 0.34rem;}
.dhm-box{border-bottom: 1px solid #bababa; width: 70%; margin: 0 auto 0.4rem;}
.dhm-input{border: 0; background: none; height: 0.6rem; line-height: 0.6rem; text-align: center;}

/* 口语练习 */
.kouyulianxi-box1{margin: 0.3rem; position: relative;}
.kouyu-ying{color: #666666; font-size: 0.3rem; line-height: 0.38rem; text-indent: 0.3rem;}
.kouyu-zhong{color: #666666; font-size: 0.28rem; text-align: center; line-height: 0.38rem; margin: 0.3rem 0;}
.icon-btn i{
    position: relative;
    right: -1px;
    font-weight: bold;
    font-size: .4rem;
}
.shangyiju-btn{position: absolute; right: -0.3rem; background-color: #33CC66; color: #fff; font-size: 0.24rem; border-radius: 10px 0px 0px 10px; width: 0.45rem; padding: 0.2rem 0; text-align: center; top: 0;}
.xiayiju-btn{position: absolute; right: -0.3rem; top:0.95rem; background-color: #33CC66; color: #fff; font-size: 0.24rem; border-radius: 10px 0px 0px 10px; width: 0.45rem; padding: 0.2rem 0; text-align: center;}
.kouyulianxi-box2{position: absolute; bottom: 0; width: 100%;}
.wanchengdu-cell{padding: 0 0.3rem; border-right: 1px solid #E5E5E5; margin-bottom: 0.3rem; position: relative;}
.wanchengdu-cell .fenshu{color: #18BA65; font-size: 0.38rem;}
.wanchengdu-cell .danwei{font-style: normal; color: #999999; font-size: 0.18rem;vertical-align: super;}
.wanchengdu-cell .zhunquedu{font-size: 0.18rem; color: #999999;}
.wanchengdu-cell .wanchengdu-progress{height: 3px; background-color: #E5E5E5; width: 100%; margin-top: 0.1rem; border-radius: 2px; display: flex; align-items: center;}
.progress-box{width: 1%; background-color: #33CC66; height: 3px; display: inline-block;}
.wanchengdu-cell:last-child{border-right: 0;}
.luyin-wode{display: flex; align-items: center; font-size: 0.28rem; color: #999999;}
.luyin-wode .bofang-icon{width: 0.3rem; margin-left: 0.1rem;}
.luyin-icon{
    background-image: url(../img/index/icon_ship_luyin.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: .72rem;
    height: .72rem;
    margin: 0 0.3rem;
}
.touxuefasheng{text-align: center; margin: 0.3rem 0; color: #626262; font-size: 0.24rem; display: flex; align-items: center; justify-content: center;}
.zhankai-xia{width: 0.2rem; margin-left: 0.1rem;}
.xiayibu{height: 0.7rem; line-height: 0.7rem; background-color: #33CC66; color: #FFFFFF; font-size: 0.3rem; width: 50%; border-radius: 35px; text-align: center; border: 0; margin: 0 auto 0.3rem; display: block;}


/* 单词详情 */
.dancixiangqing-box1{padding: 0.3rem; background-color: #FFFFFF;}
.dancixiangqing-body .danci-title{font-size: 0.36rem; color: #333;}
.danci-yufa{margin: 0.15rem 0 0;}
.danci-yufa .yufa-box{margin-right: 0.2rem; color: #666666; font-size: 0.26rem;}
.shengyin-icon{ width: 0.3rem; vertical-align: middle;}
.danci-jieshi{font-size: 0.28rem; color: #666666;  margin-top: 0.15rem;}
.qwjs{border: 0; background-color: #FFFFFF; color: #8f8f8f; font-size: 0.26rem; border: 1px solid #D2D2D2; height: 0.5rem; line-height: 0.5rem; border-radius: 25px; padding: 0 0.2rem;}
.dancixiangqing-box2{border-top: 0.15rem solid #F3F3F3; padding: 0 0.3rem;}
.liju-top{color: #333333; font-size: 0.28rem; padding: 0.3rem 0;}
.liju-cell{border-bottom: 1px solid #E6E6E6; margin-bottom: 0.2rem;}
.liju-cell .liju-cell-ying{color: #666666; font-size: 0.28rem;}
.liju-cell .liju-cell-zhong{margin: 0.15rem 0 0.2rem; color: #666666; font-size: 0.28rem;}


/* 视频学习 */
.shipinxuexi-box1{padding: 0.3rem;}
.shipinxuexi-box1 .shipin-name{color: #333333; font-size: 0.3rem;}
.shipin-shuju{color: #818181; font-size: 0.3rem; margin-top: 0.15rem;}
.shipin-shuju span{margin-right: 0.1rem; display: inline-flex; align-items: center;}
.shipin-shuju .shuju-icon{width: 0.35rem; vertical-align: middle; margin-right: 0.1rem;}
.cihuixuexi-cell{border-bottom: 1px solid #EEEEEE; padding: 0.15rem 0;}
.kanshipin-foot{width: 100%; position: fixed; bottom: 0; z-index: 99; margin: 0 0.3rem 0.3rem; box-sizing: border-box;}
.kanshipin-foot span{width: 24%; margin-right: 0;}
.kanshipin-nav{margin: 0 0.3rem; border: 1px solid #BFBFBF; height: 0.7rem; border-radius: 34px; background: #FFFFFF; display: flex; flex-direction: row; align-items: center; overflow: hidden;}
.kanshipin-nav .kanshipin-nav-list{width: 50%; line-height: 0.7rem; display: inline-block; text-align: center; color: #555555; font-size: 0.3rem;}
.kanshipin-nav .on{background-color: #33CC66; color: #FFFFFF;}
.hotbox ul.kecheng-cells li .hotbox-top .product-img2{width: 2rem;}
.spsc2{background-color: rgba(0,0,0,0.25); border-radius: 4px; padding: 2px 0.1rem; color: #FFFFFF;}
.spsc2 .spsc-num{color: #FFFFFF;}
.xuexiyingyu-nav-cell{padding: 0.3rem 0.3rem 0; }
.xuexiyingyu-nav-cell .xuexiyingyu-nav-icon{width: 1rem; margin-right: 0.2rem;}
.xuexiyingyu-nav-cell .xuexiyingyu-nav-body{background:url(../img/shipinxuexi/xueyingyu_06.png) no-repeat right;  background-size: 0.17rem 0.29rem; border-bottom: 1px solid #EEEEEE; padding-bottom: 0.3rem;}
.xuexiyingyu-nav-body .xuexiyingyu-nav-title{color: #333333; font-size: 0.28rem;}
.xuexiyingyu-nav-body .xuexiyingyu-nav-yjsj{font-size: 0.26rem; color: #828282; margin-top: 0.1rem;}
.footer ul li .yusu{height: 0.4rem; line-height: 0.4rem; font-size: 0.26rem; color: #565656;}
.tllx-foot ul li{width: 33%; border-right: 1px solid #d9d9d9;}
.tllx-foot ul li:last-child{border-right: 0;}
.huanyiju-box{position: absolute; right: -0.3rem; text-align: center; top: 0.4rem; width: 100%; display: flex; align-items: center; }
.huanyiju-box .huanyiju-line{width: 90%; height: 1px; background-color: #33CC66; display: inline-block; margin-right: 0.2rem;}
.huanyiju-box .icon-shipin{width: 0.3rem;}
.tinglilianxi-box2 .kouyu-ying{text-indent: 0;}
.tinglilianxi-box2 .kouyu-zhong{text-align: left;}
.wodebiji-cont{margin-top: 0;}
.kouyulianxi-wrapper{position: relative;}
.shouqi{width: 100%; position: absolute; top: 42%;  height: 100%; z-index: 1000;}
.shouqi-mask{position: absolute; width: 100%; background-color: rgba(255,255,255,0.85); height: 100%;}
.shouqi-btn{position: absolute; bottom: 0; width: 1.4rem;height: 0.7rem; text-align: center; background-color: #fff; color: #33CC66; font-size: 0.3rem; line-height: 0.7rem; text-align: center; display: block; left: 40%; border: 1px solid #33CC66; border-radius: 35px;}
.trans-icon{height:30px;margin-left:1em;margin-bottom: -.3em;}
.trans-symbols{margin-right: 2em;font-size:14px;color:#999}

/* 个人信息 */
.gerenxinxi-cell-list{padding:0.3rem 0.3rem 0.3rem 0; border-bottom: 1px solid #E6E6E6; }
.gerenxinxi-cell-list:first-child{padding: 0.2rem 0.3rem 0.2rem 0; }
.gerenxinxi{margin-left: 0.3rem;}
.gerenxinxi-list-title{font-size: 0.3rem; color: #808080;}
.touxiang{width: 0.88rem; border-radius: 0.88rem;}
.gerenxinxi-list-cont{font-size: 0.3rem; color: #333333;}
.gerenxinxi-list-cont .right-icon{vertical-align: middle; margin-left: 0.2rem;}
.shoujiyanzheng-cell{margin-left: 0.3rem; padding: 0.2rem 0.3rem 0.2rem 0; border-bottom: 1px solid #E6E6E6;}
.shoujiyanzheng-cell .shoujiquhao{color: #333333; font-size: 0.3rem; position: relative;}
.shoujiyanzheng-cell .shoujiquhao img{margin-left: 0.1rem;}
.shoujiyanzheng-cell .shoujihaoma{height: 0.56rem; line-height: 0.56rem; color: #333333; padding-left: 0.2rem; border: 0; border-left: 1px solid #e6e6e6; margin-left: 0.2rem;}
.shoujiyanzheng-cell .yanzhengma{border-left: 0; padding-left: 0;}
.queren-btn{width: 90%; height: 0.88rem; line-height: 0.88rem; border-radius: 3px; background-color: #33CC66; color: #fff; text-align: center; font-size: 0.34rem; border: 0; margin: 0.5rem auto; display: block;}
.gerenxinxi-cell-list .xuanze{display: none; width: 0.36rem; height: 0.28rem;}
.xuxitixing-list-active .xuanze{display: block;}

/* 系统消息 */
.xitongxiaoxi-wrapper{margin: 0 0.3rem;}
.xitongxiaoxi-cell-list{background: #FFFFFF; box-shadow: 0px 0px 26px 0px rgba(3, 0, 0, 0.05);border-radius: 0.2rem; margin-top: 0.2rem;}
.xitongxiaoxi-cell-list .xitongxiaoxi-title{color: #333; font-size: 0.3rem; padding: 0.2rem 0.15rem;}
.xitongxiaoxi-cell-list .xitongxiaoxi-nr{color: #999999; font-size: 0.28rem;  margin-bottom: 0.2rem; padding: 0 0.15rem;}
.xitongxiaoxi-cell-list .xitongxiaoxi-shijian{padding: 0.2rem 0.15rem; color: #999999; font-size: 0.24rem; border-top: 1px solid #f1f1f1;}

/* 用户反馈 */
.yonghufankui{margin: 0 0.3rem;}
.fankui-miaoshu{border-bottom: 1px solid #E6E6E6; position: relative; padding: 0.2rem 0;}
.fankui-miaoshu .miaoshu-text{height: 2rem; width: 100%; border: 0; resize: none; outline: none; padding: 0.2rem;}
.fankui-miaoshu .miaoshu-zishu{position: absolute; right: 0; bottom: 0.1rem; color: #D5D3D3; font-size: 0.28rem;}
.fankui-miaoshu .tianjia{width: 1.66rem; display: block;}
.fankui-miaoshu .fankui-input{border: 0; height: 0.6rem; line-height: 0.6rem;}
.tijiao-btn{width: 2.65rem;height: 0.8rem; line-height: 0.8rem; margin: 0.3rem auto 0; display: block; text-align: center; color: #FFFFFF;  font-size: 0.3rem; border: 0; border-radius: 5px; background: #33CC66; border-radius: 5px;}

/* 我的笔记 */
.biji-shengyin{margin: 0.2rem 0.3rem; background-color: #f5f5f5; border-radius: 0.1rem; padding: 0.2rem 0.15rem 0.15rem;}
.jindutiao-progress{height: 2px; background-color: rgba(217,217,217,0.98);}
.jindu-shijian{margin-top: 0.1rem; color: #B6B5B5; font-size: 0.22rem;}
.jindutiao-progress .progress-bar{width: 1%; height: 2px;}
.shengyin-btn{margin-left: 0.2rem;}
.shengyin-btn img{width: 0.48rem;}
.hotbox ul.kecheng-cells li:last-child{border-bottom: 0;}
.wodebiji-cells{margin: 0 0.3rem;}
.wodebiji-cell-list{border-bottom: 1px solid #EEEEEE; padding: 0.2rem 0;}
.wodebiji-cell-list:last-child{border-bottom: 0;}
.wodebiji-cell-list .biaoqian-icon{width: 0.4rem; height: 0.4rem;}
.wodebiji-cell-list .wodebiji-list-text{margin-left: 0.2rem; color: #999999;}

/* 我的空间 */
.wodekongjian-nav{background-color: #FFFFFF; width: 100%; }
.wodekongjian-nav ul li{  margin: 0 0.55rem; text-align: center; height: 0.7rem; line-height: 0.7rem; box-sizing: border-box; color: #9E9E9E; font-size: 0.3rem;}
.wodekongjian-nav ul li.on{color: #33CC66; border-bottom: 3px solid #25C672;}
.kongjian-cont{background-color: #FFFFFF; width: 100%; box-sizing: border-box; margin-top: 0.15rem;}
.kongjian-cont ul.kecheng-cells{margin: 0 0.3rem;}
.wdkj-danci-box{margin-top: 0.15rem; padding: 0 0.3rem;}
.dancixiangqing-list{border-bottom: 1px solid #E6E6E6; padding: 0.2rem 0;}
.dancixiangqing-list .shanchu-icon{width: 0.6rem; height: 0.6rem;}
.wdkj-fanyi-box{background-color: #FFFFFF; margin-top: 0.15rem;}
.fanyi-cell-list{border-bottom: 1px solid #E6E6E6; padding: 0.2rem 0 0.1rem; margin: 0 0.3rem;}
.fanyi-cell-list .fanyi-cell{padding: 0; padding-bottom: 0.1rem;}
.fanyi-cell-list .fanyi-cell .fanyi-cell-text{margin-top: 0.1rem;}
.wodekongjian-wrapper{width: 100%;}

/* 个人中心 */
.wode-top{background:linear-gradient(to right,#42cf68,#8fe075); height: 2.4rem;}
.wode-yhxx{padding: 0.5rem 0 0.3rem;}
.yhxx-left{margin-left: 0.3rem;}
.yhxx-left .yhxx-toux{border-radius: 100px; width: 1rem;}
.yhxx-xq{color: #FFFFFF; margin-left: 0.2rem;}
.yhxx-xq .yhxx-xq-name{font-size: 0.32rem;}
.yhxx-xq .yhxx-xq-id{font-size: 0.24rem; margin: 3px 0;}
.yhxx-xq .yhxx-xq-daka{font-size: 0.24rem;}
.yhxx-xiaoxi{position: relative; width: 0.4rem; display: none;}
.yhxx-xiaoxi .youjian-icon{width: 0.4rem; height: 0.28rem;}
.yhxx-xiaoxi .xiaoxi-tag{width: 0.1rem; height: 0.1rem; display: block; border-radius: 0.1rem; background-color: #FF0000; position: absolute; right: 0; top: -3px;}
.jifen .jifen-icon{width: 0.56rem; height: 0.56rem; margin-right: 0.1rem;}
.yhxx-right{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.jifen{margin-top: 0.3rem; height: 0.56rem; padding-right: 0.1rem; color: #975500; background-color: rgba(255,255,255,0.3); border-top-left-radius: 0.24rem; border-bottom-left-radius: 0.24rem; font-size: 0.24rem;}
.wode-kthy{width: 90%; margin: 0 auto; padding:0 0.2rem; height: 1rem; background: #FFFAEC; box-shadow: 0px 0px 29px 0px rgba(3, 0, 0, 0.08); border-radius: 0.2rem;}
.vip-icon{width: 0.86rem; border-radius: 0.86rem;}
.vip-jstit{color: #AA580F; font-size: 0.3rem; margin-left: 0.2rem;}
.vip-ljkt{width: 1.46rem; height: 0.52rem; line-height: 0.52rem; color: #FFFFFF; font-size: 0.28rem; text-align: center; background: #F1AE35; border-radius: 26px;}
.wode-nav{margin: 0.7rem 0.3rem 0;}
.wode-nav .wode-cell-list{padding: 0.3rem 0; border-bottom: 1px solid #E6E6E6;}
.wode-nav .wode-cell-list .wode-list-icon{width: 0.34rem; height: 0.34rem;}
.wode-nav .wode-cell-list .wode-list-body{color: #444444; font-size: 0.3rem; margin-left: 0.2rem; }
.wode-nav .wode-cell-list .qiandao-btn{width: 1.2rem; height: 0.52rem; line-height: 0.52rem; color: #FFFFFF; font-size: 0.28rem; text-align: center; background: #33CC66; display: block; border-radius: 26px;}
.wode-nav .wode-cell-list .kaiguan-icon{background: url(../img/wode/icon_my_komngjian.png) no-repeat; width: 0.66rem; height: 0.5rem; display: block; background-size: 100% 100%;}
.wode-nav .wode-cell-list  .kaiguan-icon-active{background: url(../img/wode/icon_my_komngjian_pre.png) no-repeat; background-size: 100% 100%;}
.wode-nav .wode-cell-list .wode-list-extra{color: #bbb; font-size: 0.28rem;}

/* 会员中心 */
.huiyuanzhongxin{margin-top:10px;}
.huiyuanzhongxin-top{background: url(../img/wode/VIP_03.png) no-repeat; height: 3.2rem; width: 95%; position: relative; background-size: 100% 100%; margin: 0 auto;}
.huiyuanzhongxin-text{margin-left: 0.3rem; padding-top: 0.2rem;}
.huiyuanzhongxin-text .hyzx-text-logo{width: 1.1rem; height: 1.1rem; border-radius: 1.1rem;}
.hyzx-text-xq{color: #fff; margin-left: 0.2rem;}
.hyzx-text-xq .hyzx-text-name{font-size: 0.32rem;}
.hyzx-text-xq .hyzx-text-id{font-size: 0.24rem; margin-top: 0.1rem;}
.huiyuanzhongxin-foot{position: absolute; bottom: 0.5rem; width: 90%; left: 5%; color: #FFFFFF; box-sizing: border-box;}
.huiyuanzhongxin-foot .lijixufei{width: 1.7rem; height: 0.58rem; line-height: 0.58rem; text-align: center; color: #FFFFFF; font-size: 0.28rem; background: #FF9600; border-radius: 29px;}
.kthy-cells{margin: 0.3rem 0.15rem; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; }
.kthy-cells .kthy-cell-list{display:inline-flex; text-align: center; flex-direction: column; margin:0 0.15rem; position: relative; width: 33%; height: 2.9rem; box-sizing: border-box; background: #F9F9F9; border: 1px solid #DCDCDC; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.05); border-radius: 0.2rem; overflow: hidden;}
.kthy-cells .kthy-cell-list.action{border-color: #F00;}
.kthy-cells .kthy-cell-list .kthy-list-title{color: #777777; font-size: 0.28rem; margin-top: 0.2rem;}
.kthy-cells .kthy-cell-list .kthy-list-jiage{color: #FF7200; font-size: 0.54rem; margin: 0.2rem 0;}
.kthy-cells .kthy-cell-list .kthy-list-jiage2{font-size: 0.3rem; text-decoration: line-through; color: #C0BFBE;}
.kthy-cells .kthy-cell-list .kthy-list-foot{position: absolute; bottom: 0; background-color: #FBE8B6; color: #D38129; font-size: 0.26rem; width: 100%; text-align: center; height: 0.6rem; line-height: 0.6rem; }
.lijijiaru{margin: 0.3rem;}
.lijijiaru .lijijiaru-btn{height: 0.72rem; line-height: 0.72rem; width: 100%; display: block; text-align: center; color: #B96000; font-size: 0.32rem; background: linear-gradient(90deg, #FDC35D, #F6DEA0); border-radius: 10px;}
.zsqy-top{padding: 0.3rem 0; text-align: center;}
.zsqy-top .zsqy-top-title{height: 0.4rem;}
.zhuanshuquanyi-cells{flex-wrap: wrap; margin: 0 0.2rem;}
.zhuanshuquanyi-cell-list{margin: 0 0.13rem 0.2rem;}
.zhuanshuquanyi-cell-list .zsqy-icon{width: 1.15rem; display: block; margin: 0 auto;}
.zhuanshuquanyi-cell-list .zsqy-text{color: 666666; font-size: 0.22rem; margin-top: 0.1rem;}
.qiandaobg{width: 100%; height: 100vh; background:linear-gradient(to right,#33cc66,#86dd74)}
.qiandao-cont{padding: 0.5rem 0;}
.qiandao-btn{width: 2rem; height: 0.8rem; line-height: 0.8rem; text-align: center; border-radius: 0.8rem; background-color: #fff; color: #33CC66; font-size: 0.32rem; margin: 0rem auto;}
.qiandao-tianshu{text-align: center; color: #FFFFFF; font-size: 0.32rem; margin-top: 0.5rem;}
.qiandao-tianshu .tianshu-text{margin-bottom: 0.1rem;}
.qiandao-rili{background: url(../img/wode/qiandao_03.png) no-repeat; height: 6.85rem; width: 90%; background-size: 100% 100%; margin: 0.3rem auto 0; padding-top: 0.7rem;
    box-sizing: border-box;}
.rili-mouth{height: 0.54rem; background: #33CC66; border-radius: 27px; display: flex; align-items: center; justify-content: space-between; width: 85%; margin: 0 auto;}
.rili-mouth .sanjiao-icon{margin: 0 0.2rem;
    width:0;
    height:0;
    border-top:0.15rem solid transparent;
    border-bottom:0.15rem solid transparent;
    border-right:0.15rem solid #FFFFFF;}
.rili-mouth .sanjiao-icon-right{transform: rotate(180deg);}	
.rili-mouth .moutn-text{color: #FFFFFF; font-size: 0.3rem; flex: 1; text-align: center;}
.rili-week{width: 80%; margin: 0.2rem auto 0;text-align: center;}
.rili-week span{width: 0.59rem; display: inline-block; text-align: center; font-size: 0.3rem; color: #A0A0A0; margin: 0 3px;}
.rili-date{width: 80%; margin: 0.2rem auto 0;}
.rili-date .date-text{ width: 0.59rem; height: 0.59rem; line-height: 0.59rem; border-radius: 0.59rem; display: inline-block; text-align: center; font-size: 0.3rem; color: #444; margin:7px 3px; }
.rili-date  .active{background-color: #33CC66; border-radius: 50%; color: #FFFFFF;}
.rili-qdgz{margin: 0.3rem;}
.rili-qdgz .qdgz-title{font-size: 0.32rem; color: #fff;}
.rili-qdgz .qdgz-title img{width: 0.22rem; height: 0.15rem;}
.yaoqinghaoyou{width: 100%;}
.yqhy-img{width: 100%; height: 100%; vertical-align: top;}
.ljyq-btn{background: url(../img/wode/yaoqinghaoyou_05.png) no-repeat; width: 100%; height: 0.85rem; line-height: 0.75rem; text-align: center; background-size: 100% 100%; color: #D51D2C; font-size: 0.34rem;}
.xinshourenwu,.yaoqingjilu{background-color: #ff8933; padding-bottom: 0.3rem;}
.xinshourenwu-cells,.yaoqingjilu-cont{background-color: #FFFFFF; border-radius: 0.12rem; margin: 0 0.3rem;}
.xinshourenwu-cell-list{padding: 0.2rem 0; margin: 0 0.2rem; border-bottom: 1px solid #EEEEEE;}
.xinshourenwu-cell-list:last-child{border-bottom: 0;}
.xinshourenwu-cell-list .xinshourenwu-list-body .xinshourenwu-title{color: #333; font-size: 0.32rem;}
.xinshourenwu-cell-list .xinshourenwu-list-body .xinshourenwu-text{font-size: 0.28rem; color: #999; margin-top: 0.1rem;}
.xinshourenwu-list-wancheng .wancheng-btn{width: 1.4rem;height: 0.6rem;text-align: center; line-height: 0.6rem; font-size: 0.28rem; display: block; color: #FEFEFE; background: #FF7800;border-radius: 30px;}
.xinshourenwu-cell-list .xinshourenwu-list-body .red{color: #FF7800;}
.yaoqingrenshu .yaoqingrenshu-tit{color: #808080; font-size: 0.24rem; text-align: center;}
.yaoqingrenshu{padding: 0 0.2rem; margin: 0.2rem 0; border-right: 1px solid #eee;}
.yaoqingrenshu .yqrs-all{
font-weight: bold;
color: #FF7800; font-size: 0.44rem; text-align: center; margin: 0.2rem 0;}
.yaoqingrenshu .jfjb{width: 1.76rem;
height: 0.32rem;
background: #FFFFFF;
border: 1px solid #FF7800;
border-radius: 0.19rem 0.16rem 0.16rem 0px; 
color: #FF7800; font-size: 0.2rem; text-align: center;}
.yaoqingjilu-body{display: flex; flex-wrap: wrap; margin: 0.2rem 0;}
.yaoqingjilu-body .yaoqingjilu-xq-list{margin-left: 0.3rem; margin-bottom: 0.3rem;}
.yaoqingjilu-body .yaoqingjilu-xq-list .yaoqingjilu-xq-tit{color: #808080; font-size: 0.24rem;}
.yaoqingjilu-body .yaoqingjilu-xq-list .yaoqingjilu-xq-shuju{color: #333; font-size: 0.3rem; margin-top: 0.1rem;}
.yaoqingjilu-body .yaoqingjilu-xq-list .red{color: #FF7800;}
.rs-group-cell{
    position: relative;
    height: 1rem;
    line-height: 1rem;
    padding-left: .3rem;
    padding-right: .48rem;
    font-size: .3rem;
}
.rs-group-cell::after{
    content: '';
    position: absolute;
    left: .3rem;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
}
.rs-group-cell .nut-radio-size-base{
    display: -webkit-box;
	display: box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.rs-group-cell .nut-radio-size-base .nut-radio-ani{
    position: absolute;
    right: .48rem;

}
.rs-group-cell .nut-radio-size-base .nut-radio-label{
    font-size: .3rem;
    -webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.rs-group-cell .nut-radio input:checked{
    background-color:#33CC66;
    border-color:#33CC66;
    -webkit-box-shadow: 0 4px 6px 0 rgb(51 204 102 / .15);
    box-shadow: 0 4px 6px 0 rgb(51 204 102 / .15);
}
.rs-group-cell .nut-radio input:after{
    background:#33CC66;
}

.nav-top-bar{
    margin-bottom: 10px;
    height: 40px;
    border-bottom: 1px solid #EEE;
}
.nav-top-bar .go-link{
    position: relative;
    left: 4px;
    display: block;
    width: 50px;
    height: 40px;
    line-height: 40px;;
}
.nav-top-bar .go-link .iconfont{
    font-size: 26px;
}
.nav-top-bar .link-title{
    font-weight: normal;
    text-align: center;
}
.nav-top-bar .more-link {
    position: relative;
}

.nav-top-bar .more-icon{
    position: relative;
    right: 12px;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.nav-top-bar .more-icon .iconfont{
    font-size: 20px;
}

.nav-top-bar .more-link-content{
    position: absolute;
    right: 5px;
    top: 40px;
    z-index: 999;
    display: none;
}
.nav-top-bar .more-link-content.link-open{
    display: block;
}
.nav-top-bar .more-link-content .arrow-up{
    position: absolute;
    top: -17px;
    right: 2px;
    font-size: 30px;
    color: #000;
}
.nav-top-bar .more-link-content .link-list{
    padding: 12px 10px;
    width: 60px;
    background-color: #000;
    border-radius: 4px;
}

.nav-top-bar .more-link-content .link-list-li{
    margin-top: 8px;
}
.nav-top-bar .more-link-content .link-list-li:first-child{
    margin-top: 0;
}
.nav-top-bar .more-link-content .link-list-li a{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
}



